<template>
    <div class="home-page-content">
        <HomeUserCard></HomeUserCard>
        <HomeFuncBox></HomeFuncBox>
        <MusicDuration></MusicDuration>
        <MyMusicList></MyMusicList>
    </div>
</template>

<script setup>
import HomeUserCard from '../user/HomeUserCard.vue';
import HomeFuncBox from '../func/HomeFuncBox.vue';
import MusicDuration from '../card/MusicDuration.vue';
import MyMusicList from '../card/MyMusicList.vue';
</script>

<style scoped lang="less">
.home-page-content {
    display: flex;
    flex-direction: column;
    gap: 3vw;
}
</style>
